<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en_US" xmlns:f="jakarta.faces.core" xmlns:h="jakarta.faces.html" xmlns:p="http://primefaces.org/ui"
    xmlns:pe="http://primefaces.org/ui/extensions" xmlns:ui="jakarta.faces.facelets">

<h:head>
    <title>.:: JoinFaces Example ::.</title>
    <meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
    <link href="#{resource['images/favicon.ico']}" rel="shortcut icon" />
    <!--        <h:outputStylesheet library="css" name="example.css" />
        <h:outputScript library="js" name="example.js" />-->
    <h:outputStylesheet library="webjars" name="primeflex/3.0.1/primeflex.min.css" />
</h:head>

<h:body>
    <!--<f:view locale="en_US"></f:view>-->
    <pe:layout fullPage="true">
        <pe:layoutPane id="mainLayoutPane" position="center">
            <h:form id="contentForm" prependId="false" enctype="multipart/form-data">
                <p:log id="log"/>
                <p:growl id="messages" showDetail="true">
                    <p:autoUpdate />
                </p:growl>
                <p:confirmDialog global="true" showEffect="fade" hideEffect="fade" responsive="true" width="350">
                    <p:commandButton value="#{sms['common.no']}" type="button"
                        styleClass="ui-confirmdialog-no ui-button-flat" />
                    <p:commandButton value="#{sms['common.yes']}" type="button" styleClass="ui-confirmdialog-yes" />
                </p:confirmDialog>
                <p:ajaxStatus onstart="PF('statusDialog').show();" onsuccess="PF('statusDialog').hide();" />
                <p:dialog widgetVar="statusDialog" position="right bottom" draggable="false" resizable="false"
                    closable="false" showHeader="false" modal="true">
                    <p:graphicImage value="#{resource['images/loading.gif']}" />
                </p:dialog>
                <div id="mainDiv" class="ui-fluid center">
                    <p:menubar>
                        <p:menuitem value="Starter" url="/starter.faces" />
                        <p:menuitem value="File Upload" url="fileUpload.faces" />
                        <p:menuitem value="#{sms['sys.parameter.title']}" url="/pages/sysparam/sysParamList.faces" />
                        <p:menuitem value="#{sms['sys.parameter.title']}" url="/pages/sysparam/sysParamList.faces" />
                        <p:menuitem value="#{sms['sys.parameter.title']}" url="/pages/sysparam/sysParamList.faces" />
                    </p:menubar>
                    <p:spacer height="10" />
                    <ui:insert name="content" />
                </div>

            </h:form>
        </pe:layoutPane>
    </pe:layout>
</h:body>

</html>